Page({
  data: {
    name: '',
    gender: 1,
    mobile: '',
    idcardFrontUrl: '',
    idcardBackUrl: ''
  },
  async onLoad({ point, building, room, id }) {
    if (id) {
      // 编辑操作
      // 修改导航栏标题
      wx.setNavigationBarTitle({ title: '编辑房屋信息' })

      // 调用获取房屋详细信息的接口
      const { code, data } = await wx.http.get(`/room/${id}`)
      // console.log(data);
      if (code !== 10000) return wx.utils.toast()
      this.setData({
        ...data
      })
    } else {
      // 添加操作
      this.setData({
        point, building, room
      })
    }
  },
  // 姓名的校验函数
  validName() {
    const reg = /^[\u4e00-\u9fa5]{2,5}$/
    const valid = reg.test(this.data.name.trim())
    if (!valid) wx.utils.toast('请输入2-5的中文姓名')
    return valid
  },
  // 手机号的校验函数
  validMobile() {
    const reg = /^1[3-8]\d{9}$/
    const valid = reg.test(this.data.mobile.trim())
    if (!valid) wx.utils.toast('请输入合法的手机号')
    return valid
  },
  // 身份证的校验函数
  validIdcardUrl() {
    const valid = !!this.data.idcardFrontUrl && !!this.data.idcardBackUrl
    if (!valid) wx.utils.toast('请上传身份证照片')
    return valid
  },
  removePicture(ev) {
    // 移除图片的类型（身份证正面或反面）
    const type = ev.mark?.type
    this.setData({
      [type]: ''
    })
  },
  // 点击提交审核
  async submitForm() {
    // 姓名的校验
    if (!this.validName()) return
    // 手机号的校验
    if (!this.validMobile()) return
    // 身份证的校验
    if (!this.validIdcardUrl()) return

    // 使用 delete 删除 data 中不需要的属性
    delete this.data.__webviewId__
    delete this.data.status

    // 校验通过
    // 调用接口，完成新增房屋
    const { code } = await wx.http.post('/room', this.data)
    if (code !== 10000) return wx.utils.toast()
    // 返回到房屋列表页
    const delta = this.data.id ? 2 : 4
    wx.navigateBack({ delta })
  },
  async uploadPicture(ev) {
    // console.log(ev.mark);
    // 选择图片
    const res = await wx.chooseMedia({
      count: 1,
      mediaType: ['image'],
      sourceType: ['album', 'camera'],
      sizeType: ['compressed'],
    })
    // console.log(res.tempFiles[0].tempFilePath);
    // 将图片上传到服务器
    wx.uploadFile({
      url: wx.http.baseURL + '/upload',
      filePath: res.tempFiles[0].tempFilePath,
      name: 'file',
      header: {
        Authorization: getApp().token
      },
      success: (res) => {
        // console.log(JSON.parse(res.data).data.url);
        const idcardUrl = JSON.parse(res.data).data.url
        console.log(ev.mark.type);
        // if (ev.mark.type === 'idcardFrontUrl') {
        //   this.setData({
        //     idcardFrontUrl: idcardUrl
        //   })
        // } else {
        //   this.setData({
        //     idcardBackUrl: idcardUrl
        //   })
        // }
        this.setData({
          [ev.mark.type]: idcardUrl
        })
      }
    })
  }
})
